<template>
  <el-row :gutter="20">
    <el-col :xs="24" :sm="12">
      <keywordsChart :searchWord="searchWord" />
    </el-col>
    <el-col :xs="24" :sm="12">
      <categoryChart :searchWord="searchWord" />
    </el-col>
  </el-row>
</template>

<script lang="ts">
export default {
  name: "keywordsAndCategory",
};
</script>

<script lang="ts" setup>
import keywordsChart from "../keywordsChart/index.vue";
import categoryChart from "../categoryChart/index.vue";
export interface SearchItem {
  count: number;
  user: number;
  word: string;
}
const props = defineProps<{
  searchWord: SearchItem[];
}>();
</script>

<style scoped></style>
